<style type="text/css">
.gray-shadow-block {
	background: #f3f3f3;
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.33);
	border-radius: 10px;
	overflow: hidden;
}

.gray-shadow-block, .gray-shadow-block li {
	font-size: 16px;
	line-height: 26px;
}

.center-block {
	margin: auto auto;
	width: 840px;
}

.topblock {
	padding: 20px 0;
	width: 840px;
	margin: 0 auto 40px auto;
}

.product {
	/*
	width: 415px;
	float: left;
	*/
	margin-bottom: 40px;
}

/*
.product.option {
	margin-left: 10px;
}
*/

.product .head {
	font-size: 18px;
	font-weight: bold;
    color: white;
}

.product.server .head {
	/*
	background: #f7a034;
	*/
	background: #3ea73b;
}

.product.option .head {
	background: #3ea73b;
}

.product .head {
	padding: 12px 0;
	border-radius: 10px 10px 0 0;
}

.bottom-block {
	/*
	margin: 30px auto;
	*/
}

.buy-now {
	font-weight: bold;
}

.product tr {
	height: 48px;
}

.product tr:nth-child(2n) {
	background: #FFF;
}

.product td {
	vertical-align: middle;
}

.product .table {
	margin-bottom: 0;
}
</style>
<div class="topblock text-center gray-shadow-block">
Colocation Server เป็นบริการสำหรับท่านที่มี Server ส่วนตัวอยู่แล้ว และสามารถดูแล Server ด้วยตนเอง<br /> ต้องการจะวางที่ Data Center เพื่อ Online และใช้งานสำหรับ Web Server , Mail Server , Game Server ฯลฯ
	<!-- 
	บริการฝากเซิร์ฟเวอร์และอุปกรณ์สำคัญของคุณไว้กับเรา คุณจะได้รับการดูแลอย่างดีที่สุด<br />
	ภายใต้ระบบการบริหารจัดการและรักษาความปลอดภัยอย่างมืออาชีพ <br />
	ในศูนย์อินเทอร์เน็ตดาต้าเซ็นเตอร์ครบวงจรใจกลางเมืองเชียงใหม่ <br />
	เรามีแพคเกจจัดเตรียมไว้สำหรับเซิร์ฟเวอร์แต่ละขนาด เพื่อรองรับทุกความต้องการของคุณ <br />
	ระบบที่สมบูรณ์แบบของเรา รองรับการฝากเซิร์ฟเวอร์ที่เพียบพร้อม ให้เซิร์ฟเวอร์ของคุณทำงานได้อย่างเต็มประสิทธิภาพ <br />
	พร้อมด้วยทีมวิศวกรคอยควบคุมดูแลให้บริการทุกวัน ตลอด 24ชั่วโมง<br />
	 -->
</div>
<div class="center-block">
	<div class="gray-shadow-block product server">
		<div class="text-center head">Server Price / Month</div>
		<table class="table">
			<?php foreach ($params['packages'] as $key => $value){ if($value['type'] == 'colo'){?>
			<tr>
				<td style="width: 320px; padding-left: 16px;"><?php echo $value['name'];?></td>
				<td><?php foreach ($value['prices'] as $key => $price){
					if($price['month']==1){
						echo number_format($price['price']);
						break;
					}
				}?> บาท / เดือน</td>
				<td style="width: 100px;"><a class="btn btn-warning buy-now" href="index.php?page=buyPackage&id=<?php echo $value['id'];?>">Buy Now</a></td>
			</tr>
			<?php }}?>
		</table>
	</div>
	
	<!-- 
	<div class="gray-shadow-block product option">
		<div class="text-center head">Option and Service</div>
		<table class="table">
			<tr>
				<td style="width: 360px;">เพิ่มหมายเลข IP(IP ละ / เดือน)</td>
				<td>300 บาท / เดือน</td>
			</tr>
			<tr>
				<td>Direct Link 100Mb</td>
				<td>1000 บาท / เดือน</td>
			</tr>
			<tr>
				<td>Share Link 1Gb</td>
				<td>1500 บาท / เดือน</td>
			</tr>
			<tr>
				<td>Direct Link 1Gb</td>
				<td>20000 บาท / เดือน</td>
			</tr>
			<tr>
				<td>Admin ดูแล Server</td>
				<td>2000 บาท / เดือน</td>
			</tr>
			<tr>
				<td>OS Installer</td>
				<td>500 บาท / ครั้ง</td>
			</tr>
			<tr>
				<td>Dayly Weekly Monthly Backup</td>
				<td>call</td>
			</tr>
		</table>
	</div>
	 -->
	<div class="clear"></div>
</div>

<div class="center-block gray-shadow-block bottom-block">
	<div style="padding: 20px 30px;">
		<h4>Standard Feature</h4>
		<ul class="unstyled">
			<li>- Ethernet Port(10Mb/100Mb)</li>
			<li>- IDC(Internet Data Center) มีคนดูแลตลอด 24 ชม.</li>
			<li>- ไม่กำหนดระยะเวลาวางเครื่องขั้นต่ำ (สามารถจ่ายเดือนต่อเดือน)</li>
			<li>- Unlimited Traffic เข้า-ออกของเครื่อง Server</li>
			<li>- Traffic Monitoring (กราฟแสดงข้อมูลปริมาณทราฟฟิก) (ร้องข้อ)</li>
			<li>- ไม่มีค่าธรรมเนียมแรกเข้า</li>
			<li>- สำหรับ OS Linux ฟรีค่าเช่า Control Panel Direct Admin(Unlimit Domain) ลิขสิทธิ์</li>
			<li>- แจ้ง restart, เข้า IDC ได้ตลอด 24 ขม.(กรณีแจ้งเพื่อขอเข้า IDC กรุณาแจ้งก่อนอย่างน้อง 24 ชม.)</li>
			<li>- มีระบบ STS UPS และเครื่องปั่นไฟ ไม่ต้องกังวลเรื่องไฟดับ</li>
			<li>- มี KVM on the net ให้ยืมใช้งานฟรี</li>
		</ul>
	</div>
</div>